<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="author" content="lc">
        <title>用户登录</title>
        <!--加载站点小图标-->
        <link rel="shortcut icon" href="../img/favicon.ico" type="../img/ico"/>
        <link rel="icon" type="../img/ico" href="../img/favicon.ico"/>
        <link href="../css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" type="" href="../css/用户中心.css">
        <style>
            
        </style>
    </head>
    <body>
        <div class="overall">

        
            <!--头部-->
            <header>
                <p>
                    <span>你好！欢迎光临京润珍珠官网商城。</span>
                    <a href="" class="a1">去结算</a>
                    <a href="" class="a2">[请登录]</a>
                    <a href="" class="a2">[免费注册]</a>
                </p>
            </header>

            <!--内容-->
            <div class="body">
                <!--轮播图-->
                <div class="photo">
                    <div>
                        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                            <ol class="carousel-indicators">
                                <li data-target="#carousel-example-generic" data-slide-to="1" class="active">1</li>
                                <li data-target="#carousel-example-generic" data-slide-to="2">2</li>
                            </ol>
                            <div class="carousel-inner" role="listbox">
                                <div class="item active">
                                    <img src="../user/1.jpg" alt="...">
                                </div>
                                <div class="item">
                                    <img src="../user/2.jpg" alt="...">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--登录框-->
                <div class="loading">
                    <ul class="nav nav-tabs">
                        <li role="presentation" class="active"><a href="#shop" role="tab" data-toggle="tab">
                            <div class="img"></div>商城会员登录</a></li>
                        <li role="presentation"><a href="#shoppe" role="tab" data-toggle="tab">
                            <div class="img"></div>专柜会员登录</a></li>
                    </ul>

                    <div class="center">
                        <span style="color: gray;font-size: 12px">如您是实体店专柜会员请输入会员卡号，密码是您的手机号码后6位。</span>
                    </div>



                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="shop">
                            <form class="form-horizontal">
                                <div class="form-group">
                                    <label for="username1" class="col-sm-4 col-sm-pull-1 control-label">&#x3000;<span>*&nbsp;</span>用户名：&nbsp;</label>
                                    <div class="col-md-8 col-md-pull-2">
                                        <input type="text" class="form-control" id="username1" placeholder="如：用户名/邮箱/专柜会员卡号">
                                    </div>
                                    <div id="position"><a href="">立即注册</a></div>
                                   
                                </div>
                                    <div class="form-group">
                                        <label for="inputPassword1" class="col-sm-4 col-sm-pull-1 control-label"><span>*&nbsp;</span>密码：&nbsp;</label>
                                        <div class="col-md-8 col-md-pull-2">
                                            <input type="password" class="form-control" id="inputPassword1">
                                        </div>
                                        <div id="forget"><a href="">忘记密码？</a></div>
                                    </div>
                                
                            </form>
                        
                        </div>
                        <div role="tabpanel" class="tab-pane" id="shoppe">
                            <form class="form-horizontal">
                                <div class="form-group">
                                    <label for="username2" class="col-sm-4 col-sm-pull-1 control-label"><span>*&nbsp;</span>会员卡号：&nbsp;</label>
                                    <div class="col-md-8 col-md-pull-2">
                                        <input type="text" class="form-control" id="username2" placeholder="如：用户名/邮箱/专柜会员卡号">
                                    </div>
                                    <div id="position"><a href="">立即注册</a></div>
                                </div>
                                <div class="form-group">
                                    <label for="inputPassword2" class="col-sm-4 col-sm-pull-1 control-label"><span>*&nbsp;</span>密码：&nbsp;</label>
                                    <div class="col-md-8 col-md-pull-2">
                                        <input type="password" class="form-control" id="inputPassword2">
                                    </div>
                                    <div id="forget"><a href="">忘记密码？</a></div>
                                </div>
                            </form>
                        </div>
                    </div>

                    <!--登录按钮-->
                    <form class="form-horizontal">
                                <div class="form-group" id="loadbtn">
                                    <label for="username3" class="col-sm-4 col-sm-pull-1 control-label"></label>
                                    <div class="col-md-4 col-md-pull-2">
                                        <button type="button" class="form-control btn btn-danger data-toggle="tooltip" data-placement="bottom" title="登录"" id="username3" >
                                            登&nbsp;录
                                        </button>
                                    </div>
                                    <div class="col-md-4 col-md-pull-2">
                                        <button type="text" class="form-control img data-toggle="tooltip" data-placement="bottom" title="信任登录，您可以用支付宝账号，淘宝帐号登录本系统，安全方便快捷"">
                                            <img src="../user/reliance.png" alt="">信任登录
                                        </button>
                                    </div>
                                </div>
                    </form>
                    <div class="hr"><hr></div>
                </div>
            </div>
            <!--底部-->
            <footer>
                <div>
                    <a href="">首页</a>
                    |
                    <a href="">公司简介</a>
                    |
                    <a href="">隐私声明</a>
                    |
                    <a href="">媒体报道</a>
                    |
                    <a href="">合作专区</a>
                    |
                    <a href="">联系我们</a>
                    |
                    <a href="">友情链接</a>
                    |
                    <a href="">投诉建议</a>
                    |
                    <a href="">帮助中心</a>
                    |
                    <a href="">快递查询</a>
                    |
                    <a href="" class="data-toggle="tooltip" data-placement="bottom" title="京润珍珠全国专柜查询"">全国专柜查询</a>
                    |
                    <a href="" class="data-toggle="tooltip" data-placement="bottom" title="京润珍珠网络经销商验证系统"">网络经销商验证</a>
                </div>
                <p>Gopyright 2007 - 2015 jingrunshop.com All Rights Reserved. 粤ICP备11103463号</p>
            </footer>


            
        </div>


        <script src="../js/jquery.min.js"></script>
        <script src="../js/bootstrap.min.js"></script>
    </body>
</html>